<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css">
    <link rel="stylesheet" href="./login.css">
    <style type="text/css">
        body{
        background-image:url('https://i.loli.net/2021/06/08/FOLZKQmkG9dwV5q.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        }
        #login_box{
            width: 50%;
            height: 700px;
            background:#02FFEE;
            margin:auto;
            margin-top: 5%;
            text-align: center;
            border-radius: 10px;
            padding: 100px 100px;
        }
        #login_box h2{
            color: #de664c;
            margin-top: 30%;
        }
        #login_box #form #input_box{
            margin-top: 5%;
        }
        #login_box #form #input_box i{
            color: rgba(232, 231, 183, 0.19);
        }
        #login_box #form #input_box input{
            border:0;
            width: 60%;
            font-size: 15px;
            color: #fff;
            background: #ffffff00;
            border-bottom: 2px solid#eacda950;
            padding: 5px 10px;
            margin-top: 10px;
        }
        #login_box button{
            margin-top: 50px;
            width: 40%;
            height: 30px;
            border-radius: 10px;
            border: 0;
            color: #fff;
            font-size: 15px;
            background-image: linear-gradient(to top, #4d3030 0%, #985f5f 100%);
        }
        #login_box #Sign{
            margin-top: 45%;
            margin-left: 60%;
        }
        #login_box #Sign a{
            color: #d1c2d8;
        }
    </style>
</head>
 
<body>
    <div id="login_box">
        <h2>驾车路径规划功能</h2>
        <div id="form">
            <form method="post" action="/drivejieguo">
                <div id="input_box">
                    <label for="text1">
          <p>如：北京市北京邮电大学沙河校区</p>
                        <P>您是尊贵的VIP用户，您的专属密匙为：9bce68c83a431dbc61cacc81a1de087b</P>
                    </label>
                        <div class="container">
                            <form class="form-signin" method='POST' action='/drivejieguo'>
                                <input name='start_address' type='text' id="inputEmail" class="form-control" placeholder="起点地址" required="" autofocus="" style="border-bottom-right-radius: 0;border-bottom-left-radius: 0;">
                                <input name='end_address' type='text' id="inputEmail" class="form-control" placeholder="终点地址" required=""  style="border-radius: 0">
                                <input name='key' type="password" id="inputPassword" class="form-control" placeholder="密钥" required="" style="border-top-right-radius: 0;border-top-left-radius: 0;">
                                <button class="btn btn-lg btn-primary btn-block" type="submit">提交</button>
                            </form>
                        </div>
            </form>
        </div>

        <form method="get" action="/login">
            <button>退出查询</button><br>
        </form>
    </div>
</body>

    </div>
<script></script>
</html>